<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<header th:replace="admin/header::header-fragment"></header>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <!-- 引入页面头header-fragment -->
    <div th:replace="admin/header::header-nav"></div>
    <!-- 引入工具栏sidebar-fragment -->
    <div th:replace="admin/sidebar::sidebar-fragment(${path})"></div>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
            </div><!-- /.container-fluid -->
        </div>
        <!-- Main content -->
        <section class="content">
            <h3 th:if="${themeName} == 'default' or ${themeName} == 'yummy-jekyll'" style="text-align: center;">当前主题没有可配置选项,请切换到其他主题再尝试</h3>
            <div class="container-fluid">
                <div class="row">
                    <div th:if="${themeName} == 'amaze'" class="col-md-4">
                        <div class="card card-primary card-outline">
                            <div class="card-header">
                                <h3 class="card-title">通用设置</h3>
                            </div> <!-- /.card-body -->
                            <div class="card-body">
                                <form role="form" id="backgroundImgForm">
                                    <div class="form-group">
                                        <label class="control-label">主题背景图</label>
                                        <input type="text" class="form-control" id="bgImg"
                                               name="bgImg" th:value="${themeConfigurations.get('bgImg')}"
                                               placeholder="主题背景图">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">头部背景图</label>
                                        <input type="text" class="form-control" id="bgHeaderImg"
                                               name="bgHeaderImg" th:value="${themeConfigurations.get('bgHeaderImg')}"
                                               placeholder="头部背景图">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">关于页背景图</label>
                                        <input type="text" class="form-control" id="aboutBgImg"
                                               name="aboutBgImg" th:value="${themeConfigurations.get('aboutBgImg')}"
                                               placeholder="关于页背景图">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">关于页介绍语</label>
                                        <textarea rows="6" type="text" class="form-control" id="aboutMeText"
                                               name="aboutMeText"
                                                  placeholder="关于页介绍语">[[${themeConfigurations.get('aboutMeText')}]]</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label>首页播放器</label>
                                        <select class="form-control" id="musicPlayer" name="musicPlayer" th:value="${themeConfigurations.get('musicPlayer')}">
                                            <option th:selected="${themeConfigurations.get('musicPlayer')} == '1'" value="1">开启</option>
                                            <option th:selected="${themeConfigurations.get('musicPlayer')} == '0'" value="0">关闭</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">音乐列表</label>
                                        <textarea rows="14" type="text" class="form-control" id="musicList"
                                               name="musicList"
                                                  placeholder="请使用json格式" >[[${themeConfigurations.get('musicList')}]]</textarea>
                                    </div>
                                    <div class="card-footer">
                                        <button type="button" data-id="updateSettingButton" onsubmit="return false;"
                                                class="btn btn-danger float-right">确认修改
                                        </button>
                                    </div>
                                </form>
                            </div><!-- /.card-body -->
                        </div>
                    </div>
                    <div th:if="${themeName} == 'amaze'" class="col-md-4">
                        <div class="card card-primary card-outline">
                            <div class="card-header">
                                <h3 class="card-title">雪花特效</h3>
                            </div> <!-- /.card-body -->
                            <div class="card-body">
                                <form role="form" id="amazeSnowForm">
                                    <div class="form-group">
                                        <label>是否开启</label>
                                        <select class="form-control" id="snowflakes" name="snowflakes" th:value="${themeConfigurations.get('snowflakes')}">
                                            <option th:selected="${themeConfigurations.get('snowflakes')} == '1'" value="1">开启</option>
                                            <option th:selected="${themeConfigurations.get('snowflakes')} == '0'" value="0">关闭</option>
                                        </select>
                                    </div>
                                    <!-- input states -->
                                    <div class="form-group">
                                        <label class="control-label">雪花颜色</label>
                                        <input type="text" class="form-control" id="snowColor"
                                               name="snowColor" th:value="${themeConfigurations.get('snowColor')}"
                                               placeholder="雪花颜色">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">下落速度</label>
                                        <input type="text" class="form-control" id="snowSpeed"
                                               name="snowSpeed" th:value="${themeConfigurations.get('snowSpeed')}"
                                               placeholder="下落速度">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">同屏数量</label>
                                        <input type="text" class="form-control" id="snowCount" name="snowCount"
                                               th:value="${themeConfigurations.get('snowCount')}"
                                               placeholder="同屏数量">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">最小尺寸</label>
                                        <input type="text" class="form-control" id="snowMinSize" name="snowMinSize"
                                               th:value="${themeConfigurations.get('snowMinSize')}"
                                               placeholder="个人签名">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">最大尺寸</label>
                                        <input type="text" class="form-control" id="snowMaxSize" name="snowMaxSize"
                                               th:value="${themeConfigurations.get('snowMaxSize')}"
                                               placeholder="最大尺寸">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">最小不透明度</label>
                                        <input type="text" class="form-control" id="snowMinOpacity" name="snowMinOpacity"
                                               th:value="${themeConfigurations.get('snowMinOpacity')}"
                                               placeholder="最小透明度">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">最大不透明度</label>
                                        <input type="text" class="form-control" id="snowMaxOpacity" name="snowMaxOpacity"
                                               th:value="${themeConfigurations.get('snowMaxOpacity')}"
                                               placeholder="最大透明度">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">旋转特效</label>
                                        <select class="form-control" id="snowRotation" name="snowRotation" th:value="${themeConfigurations.get('snowRotation')}">
                                            <option th:selected="${themeConfigurations.get('snowRotation')} == '1'" value="1">开启</option>
                                            <option th:selected="${themeConfigurations.get('snowRotation')} == '0'" value="0">关闭</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">起风特效</label>
                                        <select class="form-control" id="snowWind" name="snowWind" th:value="${themeConfigurations.get('snowWind')}">
                                            <option th:selected="${themeConfigurations.get('snowWind')} == '1'" value="1">开启</option>
                                            <option th:selected="${themeConfigurations.get('snowWind')} == '0'" value="0">关闭</option>
                                        </select>
                                    </div>
                                    <div class="card-footer">
                                        <button type="button" data-id="updateSettingButton" onsubmit="return false;"
                                                class="btn btn-danger float-right">确认修改
                                        </button>
                                    </div>
                                </form>
                            </div><!-- /.card-body -->
                        </div>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <!-- 引入页脚footer-fragment -->
    <div th:replace="admin/footer::footer-fragment"></div>
</div>
<!-- jQuery -->
<script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>
<!-- jQuery UI 1.11.4 -->
<script th:src="@{/admin/plugins/jQueryUI/jquery-ui.min.js}"></script>
<!-- Bootstrap 4 -->
<script th:src="@{/admin/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/admin/dist/js/adminlte.min.js}"></script>
<script th:src="@{/admin/plugins/sweetalert/sweetalert.min.js}"></script>
<!-- public.js -->
<script th:src="@{/admin/dist/js/public.js}"></script>
<!-- profile -->
<script th:src="@{/admin/dist/js/theme.js}"></script>
</body>
</html>
